import React,{useRef} from 'react';
import {ScaleContainerProps} from '.'
import styled from 'styled-components';

interface SingleObserverProps extends ScaleContainerProps{

}

const WrapDomStyle = styled.div`
  width: 100%;
  height: 100%;
  position: relative;
  background-color: pink;
`


function SingleObserver(props:SingleObserverProps) {
  const {children } = props

  const propsRef = useRef<SingleObserverProps>(props);
  propsRef.current = props
  return (
    <WrapDomStyle>
      {children}
    </WrapDomStyle>
  );
}

export default SingleObserver;
